<template>
	<view>
		<view class="detailsdata">
			<view class="Buyerspayment">
				等买家付款
			</view>
			<view class="datenum">
				00小时01分56秒后自动取消订单
			</view>
		</view>
		<view class="location">
			<view class="locationname">
				周星驰 12345678910
			</view>
			<view class="locationsite">
				北京市西城区大望路酒仙桥村
				<view class="iconfont icon-dizhi sitesite">
				</view>
			</view>
		</view>
		<view class="alllordercenter">
			<view class="">
				<view class="alllordercenterimg">
					<image src="../../static/images/1.jpg" mode=""></image>
				</view>
				<view class="">
					<view class="alllordercentertext">
						Gelartist底胶免洗磨砂封层擦洗封层加固胶美甲功能胶甲油胶
					</view>
					<view class="alllordercenterrmb">
						合计：￥360
					</view>
				</view>
			</view>
			<view class="lordernumalls">
				<view class="lordernum">
					数量
				</view>
				<view class="lordernumall">
					共27件
					<text class="iconfont icon-jiantouyou alls" @click="allallcenter"></text>
				</view>
			</view>
		</view>
		
		<MineList/>
	</view>
</template>

<script>
	import MineList from './mineList.vue'
	export default {
		components:{
			MineList
		},
		methods: {
			allallcenter() {
              uni.navigateTo({
              	url:"./Myorder"
              })
			}
		}
	}
</script>

<style scoped>
	.detailsdata {
		padding: 10px;
		box-sizing: border-box;
		height: 60px;
		line-height: 20px;
		background-color: rgba(145, 145, 145, 1);
	}

	.datenum {
		width: 173px;
		height: 23px;
		line-height: 17px;
		color: rgba(252, 252, 252, 1);
		font-size: 12px;
		text-align: center;
		font-family: Arial;
	}

	.Buyerspayment {
		height: 23px;
		line-height: 23px;
		color: rgba(255, 255, 255, 1);
		font-size: 16px;
		font-family: Arial;
	}

	.location {
		width: 100%;
		height: 66px;
		line-height: 20px;
		background-color: #DDDDDD;
		padding: 10px;
		box-sizing: border-box;
		padding: 10px 30px;

	}

	.locationname {

		line-height: 20px;
		color: rgba(16, 16, 16, 1);
		font-size: 14px;
		font-family: Arial;
	}

	.locationsite {

		width: 157px;
		height: 23px;
		line-height: 17px;
		color: rgba(102, 102, 102, 1);
		font-size: 12px;
		font-family: Arial;
	}

	.sitesite {
		position: absolute;
		top: 78px;
		left: 5px;
	}

	.alllordercenterimg {
		float: left;
	}

	image {
		width: 84px;
		height: 84px;
		margin: 10px;
	}

	.alllordercenter {
		height: 135px;
		background-color: rgba(250, 250, 250, 1);

	}

	.alllordercentertext {
		padding-top: 10px;
		height: 40px;
		line-height: 20px;
		color: rgba(16, 16, 16, 1);
		font-size: 14px;
		text-align: left;
	}

	.alllordercenterrmb {
		height: 29px;
		line-height: 20px;
		color: rgba(102, 102, 102, 1);
		font-size: 14px;
		font-family: Arial;
		margin-top: 20px;
	}

	.lordernum {
		left: 13px;
		top: 281px;
		width: 25px;
		height: 23px;
		line-height: 17px;
		color: rgba(51, 51, 51, 1);
		font-size: 12px;
		text-align: center;
		font-family: Arial;
		float: left;
	}

	.lordernumalls {
		padding: 0px 10px;
		margin: 10px 0px;
		clear: both;
		overflow: hidden;
	}

	.lordernumall {
		float: right;


	}

	.payment {
		width: 90px;
		color: #fff;
		height: 30px;
		line-height: 30px;
		border-radius: 23px;
		background-color: rgba(110, 110, 110, 1);
		text-align: center;
		float: right;
		position: absolute;
		top: 203px;
		right: 35px;
		font-size: 14px;
	}

	.paymentbox {
		height: 50px;
		border-top: 1px solid #708090;

	}

	.alls {
		margin-left: 5px;
	}
</style>
